<html lang="{{ Config::get('app.locale') }}">
<head>
	{{ Theme::style('css/html.css') }}
	<style>
		p { padding:0; margin:0; }
		div { padding:0; margin:0; }
		
		body { color:#2C3E50; }
		
		#UILogo{ font-family: Arial; text-align:center;}
		#UILogo .UIText1 { font-family: Myriad Pro; font-weight: bold; font-size: 23px; padding:0; margin:0; }
		#UILogo .UIText2 { font-family: Arial Black; font-size: 32px; color: rgb(28,54,96); padding:0; margin:0; }
		
		#UIConstruct{
			font-size:14px;
			font-weight:normal;
			margin-bottom: 5px;
		}
		#UIContact{
			font-size:14px;
			min-width: 300px;
			max-width: 600px;
			margin:auto; 
			padding: 20px; 
			background-color: rgba(243, 156, 18, .7); 
			border-radius: 10px;
			text-align: center;
		}
		
		#UIContact .UIContactItem {
			position:relative;
			display: inline-block; 
			min-width:50px;
			max-width: 180px;
			text-align:left;
			padding: 0 10px;
		}
		
		#UIContact .UIContactItem .UIIcon{ 
			position:absolute; 
			width:16px; 
			height:16px; 
			left:10px;
			top:0;
		}
		
		#UIContact .UIContactItem .UILabel{
			margin-left:20px;
			text-align:left;
		}
		

		#UIFooter{
			position:fixed;
			bottom:0;
			left:0;
			width:100%;
		}
		
		#UIFooter #UISubsidary{
			width:100%;
			
		}
		#UIFooter #UISubsidary .UISubsidaryTabHeader{
			margin:auto;
			width: 120px;
			text-align:center;
			padding: 10px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			background-color: rgba(189,195,199,.6);
			
			font-family: Myriad Pro;
			font-weight: bold;
			font-size: 12px;
		}
		#UIFooter #UISubsidary .UISubsidaryTab{
			background-color: rgba(189,195,199,.6);
			min-height:200px;
		}
		
		#UIFooter #UICopy{
			background-color:rgb(189, 195, 199);
			font-size:12px;
			font-weight: bold;
			text-align:center;
			padding: 20px 0;
		}
	</style>
</head>
<body>
	<div id="UIHeader">
		<div id="UILogo">
			<img src="{{ Theme::asset('img/logo.png') }}" />
			<div align="center" class="UIText1">YAYASAN</div>
			<div align="center" class="UIText2" style="margin-top:-8px">JIWA NALA</div>
		</div>
	</div>
	<div id="UIMain" style="margin: 40px 0;">
		<div id="UIConstruct">
			@if (isset($tx1))
			<div align="center">{{ $tx1 }}</div>
			@else
			<div align="center">The page is under development. Please reach us at:</div>
			@endif
		</div>
		<div id="UIContact">
			<div class="UIContactItem">
				<div class="UIIcon"></div>
				<p class="UILabel">Raya Kedung Asem 47 - 49, Rungkut, Surabaya (60298)</p>
			</div>
			<div class="UIContactItem">
				<div class="UIIcon"></div>
				<p class="UILabel">+6231 870 1571<br>+6231 870 1571</p>
			</div>
			<div class="UIContactItem">
				<div class="UIIcon"></div>
				<p class="UILabel">pr@jiwa-nala.org<br>&nbsp;</p>
			</div>
		</div>
	</div>
	<div id="UIFooter">
		<div id="UISubsidary">
			<div class="UISubsidaryTabHeader">OUR SUBSIDIARY</div>
			<div class="UISubsidaryTab"></div>
		</div>
		<div id="UICopy">&copy; Jiwa Nala {{ date("Y", time()); }}</div>
	</div>
</body>
</html>